/**存储js的工具函数 */

/**
 * @description 通过指定选择器获取对应的函数节点
 * @param {string} selector 参数：选择器
 * @returns 函数返回值:函数节点
 * */
function $(selector) {
	let nodeList = document.querySelectorAll(selector);
	// switch(nodeList.length){
	//     case:0

	// }
	if (nodeList.length === 0) {
		return console.warn(`${selector} 节点没有获取到 `);
	}
	if (nodeList.length === 1) {
		return nodeList[0];
	}
	if (nodeList.length > 1) {
		return nodeList;
	}
}
/**
 *@description 实现tab交互函数
 * @param {string} tabSelector
 * @param {string} tabClassName
 * @param {string} contentSelector
 * @param {string} contentClassName
 */
function tab(tabSelector, tabClassName, contentSelector, contentClassName) {
	// 1.获取相关节点
	// $('#tabList li')
	// 2.给每个li绑定点击事件
	$(tabSelector).forEach(function (v, i) {
		v.addEventListener("click", function () {
			// 3.先排他，移除所有的激活样式
			$(tabSelector).forEach(function (item, index) {
				item.classList.remove(tabClassName);
				// 通过对应的索引让卡片内容消失
				if (contentSelector) {
					$(contentSelector)[index].classList.remove(contentClassName);
				}
			});
			// 4.再给自己增加激活样式
			this.classList.add(tabClassName);
			//显示对应的内容
			if (contentSelector) {
				$(contentSelector).forEach((v, i) => {
					v.classList.remove(contentClassName);
				});
				$(contentSelector)[i].classList.add(contentClassName);
			}
		});
	});
}
